<template>
	<el-card shadow="always" style="margin-top: 30px;height: 260px">

		<div style="">
			<div style="font-size: 22px; color: #343844;">早安，管理员，请开始一天的工作吧</div>
			<div style="    font-size: 16px;    color: #6b7687;  margin-top: 0px;">今日晴，0℃ - 10℃，天气寒冷，注意添加衣物。</div>
			<div>
				<img :src="shi" style="margin-left:260px" alt="">
			</div>
		</div>

		<img :src="dashboard" style="height: 600px;    width: 600px;    margin-top: -370px;     float: right;">

	</el-card>

	<div class="block text-center" style="margin-top: 30px">
		<el-carousel height="50vh">
			<el-carousel-item v-for="item in img" :key="item">
				<img :src="item" alt="" @load="imgload" style="width: 100%;    height: 100%;    object-fit: cover;">
			</el-carousel-item>
		</el-carousel>
	</div>



</template>

<script setup>
import img1 from "@/assets/home/1.jpg"
import img2 from "@/assets/home/2.jpg"
import img3 from "@/assets/home/3.jpg"
import img4 from "@/assets/home/4.jpg"

import shi from "@/assets/home/shi.png"
import dashboard from "@/assets/dashboard.png"


const img=[img1,img2,img3,img4]


</script>


<style scoped>
</style>
